<template>
  <div class="STORE">
    <swipe></swipe>
    <!--<store-linkage @on-StoreType-change="onStoreTypeChange"></store-linkage>-->
    <store-list></store-list>
    <null-box></null-box>
    <Footer-in></Footer-in>
  </div>
</template>

<style>
  .STORE {
    background: rgb(28, 28, 28);
    height: 100%;
  }
</style>

<script>
  import Swipe from '@/components/swipe.vue'
  import Footer from '@/components/footer.vue'
  import StoreList from '@/components/common/StoreList'
//  import storeLinkage from '@/components/common/storeLinkage'
  import NullBox from '../../components/nullBox'
  import { requestMe } from '../../api/api'

  export default {
    name: 'Store',
    components: {
      NullBox,
      'Swipe': Swipe,
      'FooterIn': Footer,
      StoreList
//      storeLinkage
    },
    mounted: function () {
      this.$nextTick(function () {
        this.lodaMe()
      })
    },
    methods: {
      onStoreTypeChange (id) {},
      lodaMe: function () {
        requestMe({}).then((user) => {
        })
      }
    }
  }
</script>
